@font-face{
  font-family: HuXiaoBo;
  src:url('../assets/HuXiaoBoNanShenTi-2.otf');
}
#index {
  color: #d3d6dd;
  width: 1920px;
  height: 935px;

  position: absolute;
  top: 50%;
  // top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: left top;
  overflow: hidden;
  ::-webkit-scrollbar{
    display:none;
  }
  .bg {
    width: 100%;
    height: 100%;
    // padding: 16px 16px 0 16px;
    // background-image: url("../assets/pageBg.png");
    // background:#080839;
    background: url(../assets/bg-new.png);
    // background-size: cover;
    background-position: center center;
  }

  .host-body {
     .headtop{
      width:100%;
      height:76px;
      // background:url(../assets/head/top.png);
      background:url(../assets/neiguan-new/top-new.png);
      background-size:100% 100%;
      background-repeat: no-repeat;
      position: relative;
     }
     .headtopdiv{
      width:100%;
      height:68px;
      //  background:blue;
      margin:0 auto;
      padding:0 auto;
      text-align:center;
      color:#fff;
      font-size:30px;
      line-height:60px;
      font-family: HuXiaoBo;
      text-shadow: 0 0 2px #fff,
             0 0 5px #00a67c;
            //  text-shadow: 0 0 5px #fff,
            //  0 0 10px #fff,
            //  0 0 15px #fff,
            //  0 0 20px #00a67c,
            //  0 0 35px #00a67c,
            //  0 0 40px #00a67c,
            //  0 0 50px #00a67c,
            //  0 0 75px #00a67c;

     }
     .headbotul{
      // width:600px;
      margin:0 auto;
      padding:0 auto;
      text-align:center;
      height:50px;
      // background:green;
      position: relative;
      top: 18px;
      z-index: 99;
     }
     .headbotul ul{
      margin:0 auto;
      padding:0 auto;
      height:50px;
      display:inline-block;
      //  margin-top:4px;
      }
      .headbotul ul li{
        float:left;
        list-style:none;
        // line-height:30px;
        font-size:20px;
        color:rgba(255,255,255, 0.7);
        padding:7px 24px;
        // margin:0px 19px;
        background:url(../assets/neiguan-new/navigation-left-notchoose.png);
        background-size:100% 100%;
        margin-right:8px;
      }
      .headbotul ul li:hover{
          cursor: pointer;
      }
      .headbotul ul li.activeli{
        background:url(../assets/head-new/left.png);
        background-size:100% 100%;
        cursor: pointer;
        color:#fff;
        font-weight:400;
      }
      .contentmid{
        width:100%;
        height:850px;
        // background:yellowgreen;
        margin:0 auto;
        padding:0 auto;
        // padding:13px 24px 24px 24px;
        padding:0px 20px 20px 20px;
        clear:both;
      }
    .dv-dec-10,
    .dv-dec-10-s {
      width: 33.3%;
      height: 5px;
    }
    .dv-dec-10-s {
      transform: rotateY(180deg);
    }
    .dv-dec-8 {
      width: 200px;
      height: 50px;
    }
    .title {
      position: relative;
      width: 500px;
      text-align: center;
      background-size: cover;
      background-repeat: no-repeat;

      .title-text {
        font-size: 24px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
      }

      .dv-dec-6 {
        position: absolute;
        bottom: -30px;
        left: 50%;
        width: 250px;
        height: 8px;
        transform: translate(-50%);
      }
    }

    // 第二行
    .aside-width {
      width: 40%;
    }
    .react-r-s,
    .react-l-s {
      background-color: #0f1325;
    }

    // 平行四边形
    .react-right {
      &.react-l-s {
        text-align: right;
        width: 500px;
      }
      font-size: 18px;
      width: 300px;
      line-height: 50px;
      text-align: center;
      transform: skewX(-45deg);

      .react-after {
        position: absolute;
        right: -25px;
        top: 0;
        height: 50px;
        width: 50px;
        background-color: #0f1325;
        transform: skewX(45deg);
      }

      .text {
        display: inline-block;
        transform: skewX(45deg);
      }
    }

    .react-left {
      &.react-l-s {
        width: 500px;
        text-align: left;
      }
      font-size: 18px;
      width: 300px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      transform: skewX(45deg);
      background-color: #0f1325;

      .react-left {
        position: absolute;
        left: -25px;
        top: 0;
        height: 50px;
        width: 50px;
        background-color: #0f1325;
        transform: skewX(-45deg);
      }

      .text {
        display: inline-block;
        transform: skewX(-45deg);
      }
    }

    .body-box {
      margin-top: 16px;
      display: flex;
      flex-direction: column;

      //下方区域的布局
      .content-box {
        display: grid;
        grid-template-columns: 2fr 3fr 5fr 3fr 2fr;
      }

      // 底部数据
      .bottom-box {
        margin-top: 10px;
        display: grid;
        grid-template-columns: repeat(2, 50%);
      }
    }
  }
}
.dflex{
  display:flex;
  flex-wrap: nowrap;
}
.fontsize14{
  font-size:14px !important;
}
.lineblock{
  display:inline-block;
}
.lightblue{
  color:rgba(52, 239, 254, 1);
}
.timebg{
  margin-left: 314px;
  padding-top: 17px;
  // background:url(../assets/qjzl/time.png) no-repeat;
  // background-size:100% 100%;
  // padding:8px 14px 10px 13px;
}
.flowControl{
  position: absolute;
  width: 101px;
  height: 32px;
  line-height: 32px;
  right: 70px;
  top: 70px;
  font-size: 17px;
  font-weight: bold;
}